<template>
  <view class="list-sku list-bg">
    <view class="company">{{ orderDetailData.branchName }}</view>
    <view class="goods-count">共{{ orderDetailData.totalQty }}件商品</view>
    <OrderProductItem
      :order-items-detail-data="orderItemList"
      :order-detail-data="curOrderDetailData"
      :show-warehouse-label="showWarehouseLabel"
      :all-goods-page-path="allGoodsPagePath"
      :total-record="totalRecord"
    />
  </view>
</template>
<script>
import OrderProductItem from '@/components/order-product-list/order-product-item'
export default {
  name: 'OrderProductList',
  components: {
    OrderProductItem
  },
  props: {
    allGoodsPagePath: {
      type: String,
      default: ''
    },
    orderDetailData: {
      type: Object,
      default: null
    },
    orderItemsDetailData: {
      type: Array,
      default: null
    },
    showWarehouseLabel: {
      type: Boolean,
      default: false
    },
    pageType: {
      type: String,
      default: ''
    },
    totalRecord: {
      type: Number,
      default: 0
    },
  },
  computed: {
    orderItemList() {
      return this.orderItemsDetailData
    },
    curOrderDetailData() {
      return this.orderDetailData
    },
    curPageType() {
      return this.pageType
    }
  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
.list-sku{
  position: relative;
  .company{
    padding:20rpx 0 30rpx 64rpx;
    background:url("../../static/image/shop.png") no-repeat 24rpx 20rpx/30rpx auto;
  }
  .goods-count{
    position: absolute;
    text-align: right;
    color:$uni-grey-999;
    right:20rpx;
    top:20rpx;
  }
}
</style>
